<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/common.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8">
<title>用户管理</title>
<body>
	<form id="queryForm" class="">
		<table class="qtable" width="100%">
			<tr>
				<td class="td_txt">旅客姓名</td>
				<td class="td_inp"><input class="txt" name="paxName"
					id="paxName"> <input type="hidden" id="id" name="id" /></td>
				<td class="td_txt">旅客姓名(英文)</td>
				<td class="td_inp"><input class="txt" name="paxFirstName"
					id="paxFirstName"></td>
				<td class="" width="16%" align="center" rowspan="1"><a
					href="javascript:void();" onclick="query();" id="btn-clear"
					class="easyui-linkbutton" iconCls="icon-search">查询</a></td>
			<tr>
			</tr>
			<tr>
				<td class="td_txt">证件号</td>
				<td class="td_inp"><input class="txt" name="idNo" id="idNo">
				</td>
				<td class="td_txt">联系电话</td>
				<td class="td_inp"><input class="txt" name="tel" id="tel">
				</td>
				<td class="" width="16%" align="center" rowspan="1"><a
					href="javascript:void();" onclick="emp();" id="btn-clear"
					class="easyui-linkbutton" iconCls="icon-cancel">清空 </a></td>
			</tr>
		</table>
	</form>
	<table id="vipTable"></table>

	<div id="MyPopWindow" modal="true" shadow="false" minimizable="false"
		cache="false" maximizable="false" collapsible="false"
		resizable="false" style="margin: 0px; padding: 0px; overflow: auto;"></div>
	<script type="text/javascript">
		$(function() {
			var vipTable = $("#vipTable");
			vipTable.datagrid({
				url : '${ctx}/UserServlet',
				title : '用户列表',
				iconCls : 'icon-tip',
				fitColumns : true,
				striped : true, //奇偶行颜色不同
				collapsible : true, //可折叠
				singleSelect : true,
				//************//
				method : 'post', //请求方式
				sortName : 'id', //排序的列
				sortOrder : 'desc', //倒序
				remoteSort : true, //服务器端排序
				idField : 'id', //主键字段
				queryParams : {}, //查询条件
				pagination : true, //显示分页
				loadMsg : '数据加载中....',
				showHeader : true,
				rownumbers : true,
				//************//
				columns : [ [ {
					field : 'id',
					align : 'center',
					checkbox : true,
					width : 80
				}, {
					field : 'username',
					align : 'center',
					title : '用户名',
					width : 120
				}, {
					field : 'account',
					align : 'center',
					title : '账号',
					width : 80,
					align : 'right'
				}, {
					field : 'password',
					align : 'center',
					title : '密码',
					width : 80,
					align : 'right'
				} ] ],
				// ******************//
				toolbar : [ {
					text : '新增',
					id : 'VM00001',
					iconCls : 'icon-add',
					handler : function() {
						Add();
					}
				}, '-', {
					text : '删除',
					id : 'VM00002',
					iconCls : 'icon-no',
					handler : function() {
						Del();
					}
				}, '-', {
					text : '修改',
					id : 'VM00003',
					iconCls : 'icon-edit',
					handler : function() {
						Upd();
					}
				} ],
				// ******************//
				onLoadSuccess : function() {
					vipTable.datagrid('clearSelections'); //一定要加上这一句，要不然datagrid会记住之前的选择状态，删除时会出问题  
				}
			});
		});

		/** 清空 */
		function emp() {
			$('#queryForm').form('clear');
		};

		/*查询*/
		function query() {
			alert("查询");
			var queryParam = $("#queryForm").serializeArray();
			var params = {};
			$.each(queryParam, function(i, field) {//设置查询参数
				params[field.name] = field.value.replace(/[ ]/g, ""); //替换所有空格;
			});

			$("#vipTable").datagrid('load', params);
		}

		/** 新增 */
		function Add() {
			$("#MyPopWindow").window(
			{
				title : '新增VIP旅客信息',
				width : 960,
				height : 460,
				href : '${ctx}/update_input.jsp',
				onLoad : function() {
					init();
				}
			});
		};

		/** 修改 */
		function Upd() {
			var rows = $("#vipTable").datagrid('getSelections');

			if (rows.length == 0) {
				$.messager.alert('提示', '请选择你要更新的项', 'info');
				return;
			}
			if (rows.length > 1) {
				$.messager.alert('提示', '只能选择一项进行更新', 'info');
				return;
			}
			$("#MyPopWindow").window({
				title : '修改VIP旅客信息',
				href : '${ctx}/update_input.jsp',
				width : 960,
				height : 460,
				onLoad : function() {
					initUpd(rows[0]);
				}
			});
		}

		/** 删除 */
		function Del() {
			var rows = $('#vipTable').datagrid('getSelections');

			if (rows.length == 0) {
				$.messager.alert('提示', "请选择你要删除的项", 'info');
				return;
			}
			$.messager.confirm('提示', '确定要删除此VIP旅客信息吗?', function(result) {
				if (result) {
					var param = "?1=1";

					$.each(rows, function(i, n) {
						param += "&ids=" + n.id; //参数为要变更的主键
					});
					$.post('${ctx}/handleVIPInfo.action' + param + '&flag=D',
							function(data) { //操作标示:flag--删除

								if (data.status == 1) {
									$.messager.alert('提示', '操作成功', 'info');
									$('#vipTable').datagrid('reload');//刷新数据
								} else {
									$.messager.alert('提示', data.object,
											'warning');
								}
							});
				}
			});
		};

		/** 启用*/
		function Able(val, mes) {
			var rows = $('#vipTable').datagrid('getSelections');

			if (rows.length == 0) {
				$.messager.alert('提示', '请选择你要' + mes + '的项', 'info');
				return;
			}
			$.messager.confirm('提示', '确定要' + mes + '此VIP旅客信息吗?', function(
					result) {
				if (result) {
					var param = "?1=1";

					$.each(rows, function(i, n) {
						param += "&ids=" + n.id; //参数为要变更的主键
					});
					//此处的flag存储状态值
					$.post('${ctx}/handleVipInfoStatus.action' + param
							+ '&flag=' + val + '', function(data) {
						if (data.status == 1) {
							$.messager.alert('提示', '操作成功', 'info');
							$('#vipTable').datagrid('reload');//刷新数据
						} else {
							$.messager.alert('提示', data.object, 'warning');
						}
					});
				}
			});
		};
	</script>
</body>
</html>